<!DOCTYPE HTML>
<html>
<head>
<meta name="description" content="<?=$description_page; ?>">
<title><?=$title_page; ?></title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="<?=base_url($template_path.'css/style.css') ?>" rel="stylesheet" type="text/css" media="all" />
<link href="<?=base_url($template_path.'css/form.css')?>" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="<?=base_url($template_path.'js/jquery1.min.js') ?>"></script>
<!-- start menu -->
<link href="<?=base_url($template_path.'css/megamenu.css') ?>" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="<?=base_url($template_path.'js/megamenu.js')?>"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<!--start slider -->
    <link rel="stylesheet" href="<?=base_url($template_path.'css/fwslider.css'); ?>" media="all">
    <script src="<?=base_url($template_path.'js/jquery-ui.min.js') ?>"></script>
    <script src="<?=base_url($template_path.'js/css3-mediaqueries.js') ?>"></script>
    <script src="<?=base_url($template_path.'js/fwslider.js') ?>"></script>
<!--end slider -->
<script src="<?=base_url($template_path.'js/jquery.easydropdown.js') ?>"></script>
</head>
<body>
     <div class="header-top">
	   <div class="wrap"> 
			  <!-- <div class="header-top-left">
			  	   <div class="box">
   				      <select tabindex="4" class="dropdown">
							<option value="" class="label" value="">Language :</option>
							<option value="1">English</option>
							<option value="2">French</option>
							<option value="3">German</option>
					  </select>
   				    </div>
   				    <div class="box1">
   				        <select tabindex="4" class="dropdown">
							<option value="" class="label" value="">Currency :</option>
							<option value="1">$ Dollar</option>
							<option value="2">€ Euro</option>
						</select>
   				    </div>
   				    <div class="clear"></div>
   			 </div> -->
			 <div class="cssmenu">
				<ul>
					<li class="active"><a href="#">Tài khoản</a></li> |
					<li><a href="#">Sản phẩm yêu thích</a></li> |
					<li><a href="#">Thanh toán</a></li> |
					<li><a href="#">Đăng nhập</a></li> |
					<li><a href="#">Đăng ký</a></li>
				</ul>
			</div>
			<div class="clear"></div>
 		</div>
	</div>
	<div class="header-bottom">
	    <div class="wrap">
			<div class="header-bottom-left">
				<div class="logo">
					<a href="<?=site_url() ?>"><img src="<?=base_url('upload/image/settings/'.$company['logo']) ?>" alt=""/></a>
				</div>
				<div class="menu">
	            <ul class="megamenu skyblue">
			<li class="active grid"><a href="<?=site_url() ?>">Trang chủ</a></li>
			<li><a class="color4" href="#">Danh mục</a>
				<div class="megapanel">
					<div class="row">
						<div class="col1">
							<div class="h_nav">																
								<?=$order_categories; ?>																
							</div>							
						</div>											
					  </div>
					</div>
				</li>																
				<li><a class="color6" href="<?=site_url('home/event') ?>">Sự kiện</a></li>
				<li><a class="color7" href="<?=site_url('home/contact') ?>">Liên hệ</a></li>
			</ul>
			</div>
		</div>
	   <div class="header-bottom-right">
         <div class="search">	  
				<input type="text" name="s" class="textbox" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
				<input type="submit" value="Subscribe" id="submit" name="submit">
				<div id="response"> </div>
		 </div>
	  <div class="tag-list">
	    <ul class="icon1 sub-icon1 profile_img">
			<li><a class="active-icon c1" href="#"> </a>
				<ul class="sub-icon1 list">
					<li><h3>sed diam nonummy</h3><a href=""></a></li>
					<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
				</ul>
			</li>
		</ul>
		<ul class="icon1 sub-icon1 profile_img">
			<li><a class="active-icon c2" href="#"> </a>
				<ul class="sub-icon1 list">
					<li><h3>No Products</h3><a href=""></a></li>
					<li><p>Lorem ipsum dolor sit amet, consectetuer  <a href="">adipiscing elit, sed diam</a></p></li>
				</ul>
			</li>
		</ul>
	    <ul class="last"><li><a href="#">Cart(0)</a></li></ul>
	  </div>
    </div>
     <div class="clear"></div>
     </div>
	</div>
  <!-- start slider -->
    <div id="fwslider">
        <div class="slider_container">
        <?php
        	foreach ($homebanner as $banner):        		        	
        ?>            
            <div class="slide">
                <img src="<?=base_url('upload/image/ads/'.$banner['image']) ?>" alt=""/>
                <div class="slide_content">
                    <div class="slide_content_wrap">
                        <h4 class="title"><?=$banner['title'] ?></h4>
                        <p class="description"><?=$banner['href'] ?></p>
                    </div>
                </div>
            </div>
            <!--/slide -->
        <?php
        	endforeach;
        ?>
        </div>
        <div class="timers"></div>
        <div class="slidePrev"><span></span></div>
        <div class="slideNext"><span></span></div>
    </div>
    <!--/slider -->